<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
               "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Org 相关笔记</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta name="title" content="Org 相关笔记"/>
<meta name="generator" content="Org-mode"/>
<meta name="generated" content="2012-04-12 四"/>
<meta name="author" content="Hu Wenbiao"/>
<meta name="description" content="这里记录使用 org 过程中遇到的问题"/>
<meta name="keywords" content=""/>
<style type="text/css">
 <!--/*--><![CDATA[/*><!--*/
  html { font-family: Times, serif; font-size: 12pt; }
  .title  { text-align: center; }
  .todo   { color: red; }
  .done   { color: green; }
  .tag    { background-color: #add8e6; font-weight:normal }
  .target { }
  .timestamp { color: #bebebe; }
  .timestamp-kwd { color: #5f9ea0; }
  .right  {margin-left:auto; margin-right:0px;  text-align:right;}
  .left   {margin-left:0px;  margin-right:auto; text-align:left;}
  .center {margin-left:auto; margin-right:auto; text-align:center;}
  p.verse { margin-left: 3% }
  pre {
	border: 1pt solid #AEBDCC;
	background-color: #F3F5F7;
	padding: 5pt;
	font-family: courier, monospace;
        font-size: 90%;
        overflow:auto;
  }
  table { border-collapse: collapse; }
  td, th { vertical-align: top;  }
  th.right  { text-align:center;  }
  th.left   { text-align:center;   }
  th.center { text-align:center; }
  td.right  { text-align:right;  }
  td.left   { text-align:left;   }
  td.center { text-align:center; }
  dt { font-weight: bold; }
  div.figure { padding: 0.5em; }
  div.figure p { text-align: center; }
  div.inlinetask {
    padding:10px;
    border:2px solid gray;
    margin:10px;
    background: #ffffcc;
  }
  textarea { overflow-x: auto; }
  .linenr { font-size:smaller }
  .code-highlighted {background-color:#ffff00;}
  .org-info-js_info-navigation { border-style:none; }
  #org-info-js_console-label { font-size:10px; font-weight:bold;
                               white-space:nowrap; }
  .org-info-js_search-highlight {background-color:#ffff00; color:#000000;
                                 font-weight:bold; }
  /*]]>*/-->
</style>
<script type="text/javascript">
<!--/*--><![CDATA[/*><!--*/
 function CodeHighlightOn(elem, id)
 {
   var target = document.getElementById(id);
   if(null != target) {
     elem.cacheClassElem = elem.className;
     elem.cacheClassTarget = target.className;
     target.className = "code-highlighted";
     elem.className   = "code-highlighted";
   }
 }
 function CodeHighlightOff(elem, id)
 {
   var target = document.getElementById(id);
   if(elem.cacheClassElem)
     elem.className = elem.cacheClassElem;
   if(elem.cacheClassTarget)
     target.className = elem.cacheClassTarget;
 }
/*]]>*///-->
</script>

</head>
<body>

<div id="preamble">

</div>

<div id="content">
<h1 class="title">Org 相关笔记</h1>


<div id="table-of-contents">
<h2>Table of Contents</h2>
<div id="text-table-of-contents">
<ul>
<li><a href="#sec-1">1 解决org css样式的问题</a></li>
<li><a href="#sec-2">2 让导出的html内含图片</a></li>
<li><a href="#sec-3">3 org 发布时间戳</a></li>
<li><a href="#sec-4">4 如果要写一些容易被“误解”的代码，如org链接的源代码。刚可以当成代码来发布</a></li>
<li><a href="#sec-5">5 字体显示格式</a></li>
<li><a href="#sec-6">6 一行中含有Org语法的字符串</a></li>
<li><a href="#sec-7">7 org自动折行</a></li>
<li><a href="#sec-8">8 输入时间代码</a></li>
<li><a href="#sec-9">9 文章的标题</a></li>
<li><a href="#sec-10">10 Org中 LaTeX 片段的预览</a></li>
<li><a href="#sec-11">11 Org 中画树形图</a></li>
<li><a href="#sec-12">12 在博客园发布文章时仍然使用它提供的代码功能：</a></li>
<li><a href="#sec-13">13 Org导出html指定代码的样式表</a></li>
<li><a href="#sec-14">14 要导出的org-mode代码</a></li>
<li><a href="#sec-15">15 Org 无法生成目录</a></li>
<li><a href="#sec-16">16 ditaa</a></li>
<li><a href="#sec-17">17 PlantUML</a></li>
<li><a href="#sec-18">18 graphviz</a></li>
<li><a href="#sec-19">19 其他备忘</a></li>
</ul>
</div>
</div>

<div id="outline-container-1" class="outline-2">
<h2 id="sec-1"><span class="section-number-2">1</span> 解决org css样式的问题</h2>
<div class="outline-text-2" id="text-1">

<p>  用完整路径
</p>


<pre class="src src-lisp"><span style="color: #da70d6;">:style</span> <span style="color: #bc8f8f;">"&lt;link rel=\"stylesheet\" href=\"/home/huwenbiao/Wiki/Publish/style/emacs.css\" type=\"text/css\"/&gt;"</span>
</pre>

</div>

</div>

<div id="outline-container-2" class="outline-2">
<h2 id="sec-2"><span class="section-number-2">2</span> 让导出的html内含图片</h2>
<div class="outline-text-2" id="text-2">

<p>  不加描述部分。或者描述部分写成缩略图的地址，这样就可以显示缩略图，点击打开原图。详见org手册。至于一些标题等属性可以用手册里的方法加上。
</p></div>

</div>

<div id="outline-container-3" class="outline-2">
<h2 id="sec-3"><span class="section-number-2">3</span> org 发布时间戳</h2>
<div class="outline-text-2" id="text-3">

<p>  本来认为org只发布修改过的文件是它对比了org文件和导出文件的时间戳。后来我把导出文件删除，又重新发布。发现都跳过了，并没有重新导出文件，可见它并没有对比org文件和导出文件的时间戳。后来在家目录下发现了一个目录.org-timestamps。原来所有的东西都在这里放着。想不改变org文件而重新导出html等文件可以把这个目录删除，然后现重新发布。
</p></div>

</div>

<div id="outline-container-4" class="outline-2">
<h2 id="sec-4"><span class="section-number-2">4</span> 如果要写一些容易被“误解”的代码，如org链接的源代码。刚可以当成代码来发布</h2>
<div class="outline-text-2" id="text-4">




<pre class="src src-ascii">#+begin_src ascii
[[link][description]]  &#25110;&#32773;  [[link]]
</pre>

<p>
结果：
</p>


<pre class="src src-ascii">[[link][description]]  &#25110;&#32773;  [[link]]
</pre>

</div>

</div>

<div id="outline-container-5" class="outline-2">
<h2 id="sec-5"><span class="section-number-2">5</span> 字体显示格式</h2>
<div class="outline-text-2" id="text-5">

<p>  如粗体，第一个‘*’前面要有空格，第二个‘*’后面要有空格，‘*’和要加粗的文字之间不能有空格。如：
</p>

</div>

</div>

<div id="outline-container-6" class="outline-2">
<h2 id="sec-6"><span class="section-number-2">6</span> 一行中含有Org语法的字符串</h2>
<div class="outline-text-2" id="text-6">

<p>  见简明手册的11章。
</p>
</div>

</div>

<div id="outline-container-7" class="outline-2">
<h2 id="sec-7"><span class="section-number-2">7</span> org自动折行</h2>
<div class="outline-text-2" id="text-7">




<pre class="src src-elisp"><span style="color: #b22222;">;</span><span style="color: #b22222;">&#33258;&#21160;&#25442;&#34892;</span>
(add-hook 'org-mode-hook
          (<span style="color: #a020f0;">lambda</span> () (setq truncate-lines nil)))
</pre>


<pre class="src src-elisp"><span style="color: #b22222;">;</span><span style="color: #b22222;">&#25163;&#21160;&#25240;&#34892;</span>
(global-set-key [f12] 'toggle-truncate-lines)
</pre>

</div>

</div>

<div id="outline-container-8" class="outline-2">
<h2 id="sec-8"><span class="section-number-2">8</span> 输入时间代码</h2>
<div class="outline-text-2" id="text-8">

<p>  对于 <span class="timestamp-wrapper"> <span class="timestamp">2005-10-01 Tue</span></span>的代码，可以分成两部分：
</p>


<pre class="example">=&lt;2005-10-01=  
=Tue&gt;=
</pre>


<p>
效果： <code>&lt;2005-10-01</code>  
<code>Tue&gt;</code>
</p>
</div>

</div>

<div id="outline-container-9" class="outline-2">
<h2 id="sec-9"><span class="section-number-2">9</span> 文章的标题</h2>
<div class="outline-text-2" id="text-9">

<p>  如果有
</p>
<p>
那么标题由上面一行指定。 <del>否则如果第一个一级标题前面有文字，那么其中的第一行文字作为标题</del> （其实这是一个 bug ，因为很多时候我们想在前面写一些文章简介性质的内容，现在这个问题已经没有了）；否则org文件名作为标题。 <code>C-c C-e t</code> 可以插入题目，以及其他相关的控制信息。
</p></div>

</div>

<div id="outline-container-10" class="outline-2">
<h2 id="sec-10"><span class="section-number-2">10</span> Org中 LaTeX 片段的预览</h2>
<div class="outline-text-2" id="text-10">

<p>  设置变量 org-export-with-LaTeX-fragments。
</p>


<pre class="src src-elisp">(setq org-export-with-LaTeX-fragments t)
</pre>

<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<caption></caption>
<colgroup><col class="left" /><col class="left" />
</colgroup>
<tbody>
<tr><td class="left">C-c C-x C-l</td><td class="left">预览</td></tr>
<tr><td class="left">C-c C-c</td><td class="left">清除</td></tr>
</tbody>
</table>


</div>

</div>

<div id="outline-container-11" class="outline-2">
<h2 id="sec-11"><span class="section-number-2">11</span> Org 中画树形图</h2>
<div class="outline-text-2" id="text-11">

<p>  用LaTeX的包 synttree。下面是示例：
</p>


<pre class="src src-tex"><span style="color: #a020f0;">\documentclass</span>{<span style="color: #da70d6;">article</span>}
<span style="color: #a020f0;">\usepackage</span>{<span style="color: #da70d6;">synttree</span>}
<span style="color: #a020f0;">\begin</span>{<span style="color: #0000ff;">document</span>}
<span style="color: #a020f0;">\synttree</span>[+[*[a] [b]][-[c] [d][e][f]][/[3[3]]]]
<span style="color: #a020f0;">\end</span>{<span style="color: #0000ff;">document</span>}
</pre>

</div>

</div>

<div id="outline-container-12" class="outline-2">
<h2 id="sec-12"><span class="section-number-2">12</span> 在博客园发布文章时仍然使用它提供的代码功能：</h2>
<div class="outline-text-2" id="text-12">




<pre class="src src-sh"><span style="color: #b22222;">#</span><span style="color: #b22222;">+begin_html</span>
  &lt;div <span style="color: #b8860b;">class</span>=<span style="color: #bc8f8f;">"cnblogs_Highlighter"</span>&gt;
  &lt;pre <span style="color: #b8860b;">class</span>=<span style="color: #bc8f8f;">"brush:cpp"</span>&gt;
  int main()
  {
    <span style="color: #a020f0;">return</span> 0;
  }
  &lt;/pre&gt;
  &lt;/div&gt;
<span style="color: #b22222;">#</span><span style="color: #b22222;">+end_html</span>
</pre>

<p>
效果如下：
  <div class="cnblogs_Highlighter">
  <pre class="brush:cpp">
  int main()
  {
    return 0;
  }
  </pre>
  </div>
</p></div>

</div>

<div id="outline-container-13" class="outline-2">
<h2 id="sec-13"><span class="section-number-2">13</span> Org导出html指定代码的样式表</h2>
<div class="outline-text-2" id="text-13">

<p>  在文件中加入下面几行：
</p>
<blockquote>

<pre class="example">
#下面定义代码和输出的样式
#+begin_html
  &lt;style type="text/css"&gt;
    .src-elisp{
    font-family: Monospace ;
    color: darkblue;
    font-size:120%;
    font-weight:bold;
    }
    .example{
    font-family: Monospace ;
    color:darkgreen;
    font-size:120%;
    }
  }
  &lt;/style&gt;
#+end_html
</pre>


</blockquote>


<p>
这段代码对elisp代码和example的输出样式作了改变，但有时会有问题，比如输出以下代码时就不能全是蓝色字体，而是彩色的，目前不知道怎么解决：
</p>


<pre class="src src-elisp">(<span style="color: #a020f0;">require</span> '<span style="color: #5f9ea0;">cl</span>)
</pre>

</div>

</div>

<div id="outline-container-14" class="outline-2">
<h2 id="sec-14"><span class="section-number-2">14</span> 要导出的org-mode代码</h2>
<div class="outline-text-2" id="text-14">




<pre class="src src-org"><span style="color: #b22222;">#+begin_src org :exports src</span>
<span style="color: #7f7f7f;">#+begin_src plantuml :file somefile.png</span>
<span style="color: #7f7f7f;">  &lt;context of PlantUML source goes here&gt;</span>
<span style="color: #b22222;">#+end_src</span>
<span style="color: #b22222;">#+end_src</span>
</pre>

</div>

</div>

<div id="outline-container-15" class="outline-2">
<h2 id="sec-15"><span class="section-number-2">15</span> Org 无法生成目录</h2>
<div class="outline-text-2" id="text-15">

<p>  我是在2012年初发现这个问题的，也不知道从哪一版本开始 org-publish-project-alist 的控制变量 auto-index 改成了 auto-sitemap，于是在配置文件中作出相应的修改就行了。
</p></div>

</div>

<div id="outline-container-16" class="outline-2">
<h2 id="sec-16"><span class="section-number-2">16</span> ditaa</h2>
<div class="outline-text-2" id="text-16">

<blockquote>




<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<tr><th scope="col">PLC<br/>Network  <del>&lt;&mdash;&mdash;&gt;</del>   PLC   <del>&lt;&mdash;=&mdash;&mdash;&mdash;</del><br/>cRED</th>
<th scope="col"><br/><br/></th>
<th scope="col"><br/><br/>c707</th></tr>
</table>
                                ^                   |
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<caption></caption>
<colgroup><col class="left" /><col class="left" />
</colgroup>
<tbody>
<tr><td class="left">+----------------</td><td class="left">-----------------+</td></tr>
</tbody>
</table>

                                v  v                v                 v
        <del>-&mdash;&mdash;&mdash;</del>       <del>-&mdash;</del>&ndash;+&ndash;+      <del>-&mdash;&mdash;</del>&mdash;+      <del>&ndash;&mdash;</del>&ndash;&mdash;+       Windows clients
        <del>&ndash;</del>-&mdash;+&ndash;+       |{d} cGRE  |      <del>&mdash;&mdash;</del>-&mdash;+      |   c707    |      <del>-&mdash;</del>      <del>-&mdash;</del>
           ^    ^          <del>-&mdash;&mdash;&mdash;</del>             ^           <del>-&mdash;&mdash;</del>&mdash;+
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<caption></caption>
<colgroup><col class="left" /><col class="left" /><col class="left" /><col class="left" /><col class="left" /><col class="left" /><col class="left" /><col class="left" />
</colgroup>
<tbody>
<tr><td class="left"></td><td class="left"></td><td class="left"></td><td class="left"></td><td class="left"></td><td class="left"></td><td class="left"></td><td class="left">+----+      +----+</td></tr>
<tr><td class="left">Database <del>&lt;&ndash;&mdash;&gt;</del>  Shared  <del>&lt;-&mdash;&gt;</del> Executive <del>&lt;-=&ndash;&gt;</del> Operator  +&lt;-&mdash;&gt;</td><td class="left">cYEL</td><td class="left">. . .</td><td class="left">cYEL</td></tr>
<tr><td class="left">c707</td><td class="left"></td><td class="left">Memory</td><td class="left"></td><td class="left">c707</td><td class="left"></td><td class="left">Server</td><td class="left"></td><td class="left"></td><td class="left"></td><td class="left"></td></tr>
<tr><td class="left"><del>&ndash;&mdash;&mdash;=&ndash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;</del></td></tr>
</tbody>
</table>

           v
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<tr><th scope="col">Millwide System<br/>cBLU</th>
<th scope="col">&ndash;&mdash;&mdash; Data ---------<br/>&ndash;=&ndash;&mdash; Signals &mdash;=--</th></tr>
</table>


</blockquote>



<p>
<img src="asciiexample_92741a0ec5104544b13287ca2d1c6d40a8b3dbb3.png"  alt="asciiexample_92741a0ec5104544b13287ca2d1c6d40a8b3dbb3.png" />
</p>


<p>
<img src="test_b8782456afc6fa9787384532d3cd9ad5b63680f0.png"  alt="test_b8782456afc6fa9787384532d3cd9ad5b63680f0.png" />
</p>


<p>
<img src="tu_00989f5be3645645a3b8fea74bd3bce22e8acc5f.png"  alt="tu_00989f5be3645645a3b8fea74bd3bce22e8acc5f.png" />
</p>


<p>
<img src="nae_83b80442edd81fcbf01820e38a324c59f3fcd9e8.png"  alt="nae_83b80442edd81fcbf01820e38a324c59f3fcd9e8.png" />
</p>

</div>

</div>

<div id="outline-container-17" class="outline-2">
<h2 id="sec-17"><span class="section-number-2">17</span> PlantUML</h2>
<div class="outline-text-2" id="text-17">

<p>   在<a href="http://doc.norang.ca/org-mode.html">这里</a>发现的。
</p>

<p>
<img src="plantUML.png"  alt="plantUML.png" />
</p>


<p>
<img src="plantUML1.png"  alt="plantUML1.png" />
</p>


<p>
<img src="plantUML2.png"  alt="plantUML2.png" />
</p>


<p>
<img src="plantUML3.png"  alt="plantUML3.png" />
</p>


<p>
<img src="plantUML4.png"  alt="plantUML4.png" />
</p>
</div>

</div>

<div id="outline-container-18" class="outline-2">
<h2 id="sec-18"><span class="section-number-2">18</span> graphviz</h2>
<div class="outline-text-2" id="text-18">



<p>
<img src="some_filename.png"  alt="some_filename.png" />
</p>
</div>

</div>

<div id="outline-container-19" class="outline-2">
<h2 id="sec-19"><span class="section-number-2">19</span> 其他备忘</h2>
<div class="outline-text-2" id="text-19">

<ol>
<li>在时间上用 S+up/down/left/right 可以修改时间。
</li>
<li>函数 org-agenda-file-to-front 用来将本文件加入到 agenda 文件列表中，快捷键是 C-c [。函数 org-remove-file 用来将当前文件从 agenda 列表中删除，快捷键是 C-c ]。agenda 列表信息在 .emacs 文件可以看到。
</li>
<li>在标题上 S+right/left 切换 TODO 和 DONE；S+UP/DOWN 切换优先级。另外 C-c , ，也可以设置优先级。
</li>
<li>用 C-c C-s 插入的时间是在标题的下面；而 C-c . 插入的时间是在光标处。
</li>
<li>导出html文章不显示目录，toc 选项设置为 nil
</li>
</ol>

</div>
</div>
</div>

<div id="postamble">
<p class="date">Date: 2012-04-12 四</p>
<p class="author">Author: Hu Wenbiao</p>
<p class="creator">Org version 7.8.03 with Emacs version 23</p>
<a href="http://validator.w3.org/check?uri=referer">Validate XHTML 1.0</a>

</div>
</body>
</html>
